﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="http://1stjs.googlecode.com/svn/trunk/fw4/" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>新闻播报幻灯片</title>
<style type="text/css">
#sbox12 .panel{
	width:200px;	
	height:125px;
	font-size:15px;
	padding-left:20px;	
	background-color:#000;
	color:#fff;
	overflow:hidden;	
}
#sbox12 .panel div{line-height:25px;}
#sbox12 .scroll{width:220px;text-align:center;}
#sbox12 .prev{color:#00F;}
#sbox12 .next{color:#00F;}
#sbox12 .gray{color:#666;}
</style>
<script type="text/javascript" src="1st.js"></script>
</head>
<body>
<h3>新闻播报幻灯片</h3>
<div id="sbox12">
	<div class="panel">
		<div>
		新闻播报
		</div>
	</div>
	<div class="scroll">
		<a href="javascript:void(0)" class="prev" title="向上" style="float:left;">up</a>
		<a href="javascript:void(0)" class="next" title="向下" style="float:right;">down</a>
	</div>	
</div>


<script type="text/javascript">
F("sbox12").slides({
	panel: "scrollLeft",
	init: function(me){
		me.maxlen = me.conlen - me.boxlen;
		me.aniAfter(me);
	},
	aniAfter: function(me){
		var n = me.panel.scrollTop();
		me.prev.cls(n>0?"prev":"gray");
		me.next.cls(me.maxlen>0&&n<me.maxlen?"next":"gray");
	},
	loop: 0
});
</script>
</body>
</html>